Software Development
Embedding Visualizations in Web Apps Using Dash
Dash Python Framework: Creating Widgets in Dash Apps
it_pyvwaddj_03_enus
Dash Python Framework: Dash for Interactive Web Apps
it_pyvwaddj_01_enus
Dash Python Framework: Leveraging Dash with User Input & Dash DataTable
it_pyvwaddj_02_enus
Dash Python Framework: Creating Widgets in Dash Apps
Lesson Objectives
Dash Python Framework: Creating Widgets in Dash Apps
- discover the key concepts covered in this course
- create Boolean toggle switches
- create a gauge updated using a spin button
- link Dash components, such as gauges, sliders, and LED Fields
- configure interactive Dash DAQ components
- use basic dropdowns to select values
- customize dropdowns using multi-select
- create and customize sliders in Dash
- create and use multiple components, such as text boxes, checklists, and radio buttons
- configure a multi-tab Dash application
- implement a Dash app with a complex layout
- configure callbacks with complex interactivity
- upload files using an upload dialog
- summarize the key concepts covered in this course
Overview/Description
The Dash DAQ library can be used to represent data in ways that correspond to real-world physical measurement mechanisms, such as switches, thermometers, knobs, dials, gauges, LED displays, and tanks. In this course, you'll learn how to work with this library. In addition, you'll practice creating widgets using Dash core components. You'll also create Dropdowns, TextAreas, RadioButtons, and Checklists. Finally, you'll cover two important aspects of building web apps - building tabbed apps with different controls on each tab and accepting user upload of files. You'll build a web app that accepts a file for upload, either via drag-and-drop or via direct user navigation, and then checks whether the file is a .csv file and if so, displays the contents of that file in a DataTable.
The Dash DAQ library can be used to represent data in ways that correspond to real-world physical measurement mechanisms, such as switches, thermometers, knobs, dials, gauges, LED displays, and tanks. In this course, you'll learn how to work with this library. In addition, you'll practice creating widgets using Dash core components. You'll also create Dropdowns, TextAreas, RadioButtons, and Checklists. Finally, you'll cover two important aspects of building web apps - building tabbed apps with different controls on each tab and accepting user upload of files. You'll build a web app that accepts a file for upload, either via drag-and-drop or via direct user navigation, and then checks whether the file is a .csv file and if so, displays the contents of that file in a DataTable.
Target
Prerequisites: none
Dash Python Framework: Dash for Interactive Web Apps
Lesson Objectives
Dash Python Framework: Dash for Interactive Web Apps
- discover the key concepts covered in this course
- use the pip package installer to install Dash
- create an ordinary bar chart using the Plotly Express library
- visualize data using grouped bar charts and stacked bar charts
- illustrate some of the interactive features in line charts
- create a callback to add interactivity to charts
- customize callbacks for more complex interactivity
- customize scatter plots for additional visualization detail
- explore interactivity in scatter plots
- use the box and lasso select features in charts
- use the Plotly graph objects library
- summarize the key concepts covered in this course
Overview/Description
With Dash, you can create interactive web apps with elements such as buttons, dropdowns, sliders, range sliders, checkboxes, date pickers, and more. In this course, you'll learn how to get started with Dash, beginning with installing Dash and various extension libraries using the pip package installer. You'll move on to building web apps using Dash and the Plotly Express library. You'll also work with two other important Dash extension libraries - the Dash Core Components library and the Dash HTML Components library. You'll put all of these libraries together while exploring some of the default interactivity features, such as zooming and panning charts. You'll create a callback app where the title of a chart updates based on the values on a range slider before creating a more refined app with a callback that updates the chart itself and not just the title. Finally, you'll build a fully-fledged interactive scatter plot.
With Dash, you can create interactive web apps with elements such as buttons, dropdowns, sliders, range sliders, checkboxes, date pickers, and more. In this course, you'll learn how to get started with Dash, beginning with installing Dash and various extension libraries using the pip package installer. You'll move on to building web apps using Dash and the Plotly Express library. You'll also work with two other important Dash extension libraries - the Dash Core Components library and the Dash HTML Components library. You'll put all of these libraries together while exploring some of the default interactivity features, such as zooming and panning charts. You'll create a callback app where the title of a chart updates based on the values on a range slider before creating a more refined app with a callback that updates the chart itself and not just the title. Finally, you'll build a fully-fledged interactive scatter plot.
Target
Prerequisites: none
Dash Python Framework: Leveraging Dash with User Input & Dash DataTable
Lesson Objectives
Dash Python Framework: Leveraging Dash with User Input & Dash DataTable
- discover the key concepts covered in this course
- accept user input using Dash components
- perform operations based on user input
- compare and contrast date inputs using strings and date pickers
- link the date picker with charts
- create an HTML button to embed in apps
- create a user input form with validation
- compare and contrast a Dash DataTable with regular tables
- customize Dash DataTables
- perform filter operations on Dash DataTables
- link a DataTable to a scatter plot
- summarize the key concepts covered in this course
Overview/Description
If you've used Dash before, you'll know how quickly the native HTML table abstraction from dash_html_components can become complicated and cumbersome due to the need to create a TR tag for each row and then individual TD tags within each TR tag for each cell value. Using the dash DataTable abstraction mitigates all of these weaknesses. In this course, you'll practice this technique before using the Dash data table to display data in the form of tables in Dash apps. You may also know that you can harness the power of Dash using HTML components or components from the Dash Core Component library. In this course, you'll also get a chance to work with user input and buttons in Dash apps using the most appropriate components.
If you've used Dash before, you'll know how quickly the native HTML table abstraction from dash_html_components can become complicated and cumbersome due to the need to create a TR tag for each row and then individual TD tags within each TR tag for each cell value. Using the dash DataTable abstraction mitigates all of these weaknesses. In this course, you'll practice this technique before using the Dash data table to display data in the form of tables in Dash apps. You may also know that you can harness the power of Dash using HTML components or components from the Dash Core Component library. In this course, you'll also get a chance to work with user input and buttons in Dash apps using the most appropriate components.
Target
Prerequisites: none
